layui.use([ 'carousel' ], function() {
	var carousel = layui.carousel;
	var ins = carousel.render({
		elem : '#cz-image',
		arrow : 'none',
		indicator : 'none',
		height : '550px'
	});

	carousel.on('change(cz-image-filter)', function(obj) {
		var index = obj.index;
		var prevIndex = obj.prevIndex;
		var prevImgSrc = "/static/image/cz-s-" + prevIndex + ".png"
		var imgSrc = "/static/image/cz-s-" + index + "show.png"
		
		$("#img" + prevIndex).attr("src", prevImgSrc);
		$("#img" + index).attr("src", imgSrc);
		
		$("#desc" + prevIndex + " div").removeClass("active");
		$("#desc" + index + " div").addClass("active");
	});
});